<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面</title>
    <link rel="stylesheet" href="./css/shopscart.css">
</head>

<body>
    <!-- 导航栏 -->
    <header>
        <div class="header_ul1">
            <ul>
                <img alt="" src="https://www.uniqlo.cn/public/Image/L1/nav/nav-logo/LOGO.gif">
                <li>
                    <a href="./register.html">注册</a>
                </li>
                <li class="spliter"></li>
                <li>
                    <a href="login.html">登录</a>
                </li>
                <li class="spliter"></li>
                <li>
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-wode"></i>
                        <span>账户</span>
                    </a>
                </li>
                <li class="spliter"></li>
                <li>
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-gouwuche"></i>
                        <span>购物车</span>
                    </a>
                    <i></i>
                </li>
                <li class="spliter"></li>
                <li>
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-aixin"></i>
                        <span>收藏夹</span>
                    </a>
                </li>
                <li class="spliter"></li>

                <li>
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-xinxi"></i>
                        <span>站内信</span>
                    </a>
                </li>
                <li class="spliter"></li>
                <li>
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-kefu"></i>
                        <span>联系客服</span>
                    </a>
                </li>
                <li class="spliter"></li>
                <li class="header_shop">
                    <a href="javascript:void(0)">
                        <i class="iconfont icon-mendian1"></i>
                        <span>门店购买</span>
                    </a>
                </li>
                <li class="spliter"></li>
                <li>
                    <div>
                        <i class="iconfont "></i>
                        <input type="text" id="search" placeholder="站内搜索" autocomplete="off">
                        <ul id="list">

                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <div class="goshop">
            <div>
                <span>门店急送等服务仅支持手机端购买，欢迎扫码体验！</span>
            </div>
            <div class="goshop_left">
                <img class="left-image" src="./static/img/app-download.png">
                <span class="span-height">优衣库APP下载</span>
            </div>
            <div class="goshop_right">
                <img class="right-image" src="./static/img/wx-download.png">
                <span class="span-height">优衣库小程序登录</span>
            </div>
        </div>
        <div class="header_ul2">
            <ul class="header_ul21">
                <li class="nav-logo">
                    <a href="###">
                        <img alt="" src="https://www.uniqlo.cn/public/Image/L1/nav/nav-logo/LOGO.gif">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">女 装 WOMEN</a>
                </li>
                <li>
                    <a href="javascript:;">男 装 MEN</a>
                </li>
                <li>
                    <a href="javascript:;">童 装 KIDS</a>
                </li>
                <li>
                    <a href="javascript:;">婴 幼 儿 装 BABY</a>
                </li>
            </ul>
            <ul class="header_ul22">
                <li>
                    <a href="/notice.html#zctx" target="_blank">防诈骗公告</a>
                </li>
                <li>
                    <a href="/Shopping_Guide.html" target="_blank">网上购买指南</a>
                </li>
                <li>
                    <a href="javascript:void(0);">关注我们</a>
                </li>
                <li>
                    <a href="/notice.html" target="_blank">公告区</a>
                </li>
                <li>
                    <a href="/shop/shop_list.html" target="_blank">店铺资料</a>
                </li>
            </ul>
        </div>
    </header>
    <div class="container">
        <div class="nav">
            <div><input type="checkbox">全选</div>
            <div>商品</div>
            <div>单价</div>
            <div>数量</div>
            <div>小计</div>
            <div>操作</div>
        </div>
        <div class="contents">
        </div>
        <div class="footer">
            <div><input type="checkbox">全选</div>
            <div><a href="javascript:void(0)">清理购物车</a></div>
            <div class="total">已选择<span>0</span>件商品</div>
            <div class="total_price">￥<span>998</span></div>
            <button class="settlement_btn">结算</button>
        </div>
    </div>

    <script src="../static/libs/javascripts/jQuery_min.js"></script>
    <script src="./javascripts/shopscart.js"></script>
</body>

</html>